<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
</head>

<body style="margin:0px; background-color:#FFFFFF; background-image:url(fondbandeau.png); background-repeat:repeat-x;">

<div style="position: relative; width:900px; left:50%; margin-left:-450px;">
	<img src="logo.png" />
</div>

<div style="position: relative; left:50%; width:900px; margin-left:-450px; padding-top:30px;">
	<img src="todos.gif" border="0">
    <div style="width:100%; border-bottom:1px solid #D9D9D9; margin-top:10px; margin-bottom:10px"></div>
    <div style="float:left; width:430px; padding-right:20px;  margin-bottom:30px">
        <div class="rounded10" style="background-color:#F3F3F1; width:100%; border:#F0F0E2 1px solid; margin-top:20px">
        	&nbsp;
            <div style="background-image:url('graygrad.png'); background-color:#FFF;border-bottom:1px solid #F0F0E2; border-top:1px solid #F0F0E2; color:#86858C; font-size:20px; font-weight:bold; font-family:Arial,Helvetica,sans-serif;line-height:22x; padding-top:5px; padding-left:10px; padding-right:10px; padding-bottom:5px;">Titre d'un grand cadre
	            <div style="color:#666; font-size:14px; font-weight:normal; font-family:Arial,Helvetica,sans-serif; padding-left:5px">Info sur le contenu</div>
            </div>
            
            <div style="color:#666; padding:10px; background-color:#F3F3F1; font-family:Arial,Helvetica,sans-serif;font-size:11px;">Style du texte Normal : amet,conadipscingelit.sectetueradipis ngelit.adipiscing elit. Donec vitae leo. Integer<br />Phasellus dui lectus, . Pellentesque molestiepellensque quisPellentesque, molestie sed, tempus eu,nc. Pelle<br />ntesque luctus, convallis at, metus. Nullam lectus mi, consect</div>
           
            
            <div style="background-image:url('graygrad.png'); background-color:#FFF;border-bottom:1px solid #F0F0E2; border-top:1px solid #F0F0E2; color:#86858C; font-size:20px; font-weight:bold; font-family:Arial,Helvetica,sans-serif;line-height:22x; padding-top:5px; padding-left:10px; padding-right:10px; padding-bottom:5px;">Titre d'un grand cadre
	            <div style="color:#666; font-size:14px; font-weight:normal; font-family:Arial,Helvetica,sans-serif; padding-left:5px">Wahou, presque une liste !</div>
            </div>
            
            <div style="color:#666; padding:10px; background-color:#F3F3F1; font-family:Arial,Helvetica,sans-serif;font-size:11px;">Style du texte Normal : amet,conadipscingelit.sectetueradipis ngelit.adipiscing elit. Donec vitae leo. Integer<br />Phasellus dui lectus, . Pellentesque molestiepellensque quisPellentesque, molestie sed, tempus eu,nc. Pelle</div>
            
        </div>
    </div>
    
    <div style="float:left; width:430px; padding-left:20px;">
    	<div style="padding-top:10px; color:#262626; font-size:18px; font-weight:bold; font-family:Arial,Helvetica,sans-serif;">Ca c'est du sous-titre !</div>
        <div style="width:100%; border-bottom:1px solid #D9D9D9; margin-top:10px; margin-bottom:10px; clear:both"></div>
    	<div style="color:#666; font-size:12px; font-weight:normal; font-family:Arial,Helvetica,sans-serif;">Phasellus dui lectus, . Pellentesque molestiepellensque quisPellentesque, molestie sed, tempus eu,nc. Pelle<br />ntesque luctus, convallis at, metus. Nullam lectus mi, consectetuer quis, pellentesque vitae, . Pellentesque tempus sit amet, ante. Pellentesque amet,conadipscingelit.sectetueradipis ngelit.adipiscing elit. Donec vitae leo. Integer Phasellus dui lectus, . Pellentesque molestiepellensque quisPellentesque, molestie sed, tempus eu,nc. Pelle<br />ntesque luctus, convallis at, metus. Nullam lectus mi.</div>
    </div>
    
    <div style="width:100%; border-bottom:1px solid #D9D9D9; margin-top:10px; margin-bottom:30px; clear:both"></div>
    <img src="files.png" border="0">
    <div style="width:100%; border-bottom:1px solid #D9D9D9; margin-top:10px; margin-bottom:10px"></div>
    <div style="color:#262626; font-size:18px; font-weight:normal; font-family:Arial,Helvetica,sans-serif;">Un genre de chapeau, un truc super important à mettre en valeur...</div>
    <div style="color:#666; font-size:12px; font-weight:normal; font-family:Arial,Helvetica,sans-serif;">Phasellus dui lectus, . Pellentesque molestiepellensque quisPellentesque, molestie sed, tempus eu,nc. Pelle<br />ntesque luctus, convallis at, metus. Nullam lectus mi, consectetuer quis, pellentesque vitae, . Pellentesque tempus sit amet, ante. Pellentesque amet,conadipscingelit.sectetueradipis ngelit.adipiscing elit. Donec vitae leo. Integer Phasellus dui lectus, . Pellentesque molestiepellensque quisPellentesque, molestie sed, tempus eu,nc. Pelle<br />ntesque luctus, convallis at, metus. Nullam lectus mi.</div>
    <div style="width:100%; border-bottom:1px solid #D9D9D9; margin-top:10px; margin-bottom:30px"></div>
    
    <div class="rounded10" style="background-color:#F3F3F1; width:100%; border:#F0F0E2 1px solid; margin-top:20px; margin-bottom:30px">
            &nbsp;
            <div style="background-image:url('graygrad.png'); background-color:#FFF;border-bottom:1px solid #F0F0E2; border-top:1px solid #F0F0E2; color:#86858C; font-size:20px; font-weight:bold; font-family:Arial,Helvetica,sans-serif;line-height:22px; padding-top:5px; padding-left:10px; padding-right:10px; padding-bottom:5px;">Un autre article super bien
            	<div style="color:#666; font-size:14px; font-weight:normal; font-family:Arial,Helvetica,sans-serif; padding-left:5px">Info sur le contenu</div>
            </div>
            
            <div style="color:#666; padding:10px; background-color:#F3F3F1; font-family:Arial,Helvetica,sans-serif;font-size:11px;">Phasellus dui lectus, . Pellentesque molestiepellensque quisPellentesque, molestie sed, tempus eu,nc. Pelle<br />ntesque luctus, convallis at, metus. Nullam lectus mi, consectetuer quis, pellentesque vitae, . Pellentesque tempus sit amet, ante. Pellentesque<br /><br />amet,conadipscingelit.sectetueradipis ngelit.adipiscing elit. Donec vitae leo. Integer<br />Phasellus dui lectus, . Pellentesque molestiepellensque quisPellentesque, molestie sed, tempus eu,nc. Pelle<br />ntesque luctus, convallis at, metus. Nullam lectus mi, consectetuer quis, pellentesque vitae, . Pellentesque tempus sit amet, ante. Pellentesqueamet,conadipscingelit.sectetueradipis ngelit.adipiscing elit. Donec vitae leo. Integer<br />Phasellus dui lectus, . Pellentesque molestiepellensque quisPellentesque, molestie sed, tempus eu,nc. Pelle<br />ntesque luctus, convallis at, metus. Nullam lectus mi, consectetuer quis, pellentesque vitae, . Pellentesque tempus sit amet, ante. Pellentesque</div>
     </div>
     
    <div style="width:100%; border-bottom:1px solid #D9D9D9; margin-top:10px; margin-bottom:30px; clear:both"></div>
    <img src="todos.gif" border="0">
    <div style="width:100%; border-bottom:1px solid #D9D9D9; margin-top:10px; margin-bottom:10px"></div>
    <div style="color:#262626; font-size:18px; font-weight:normal; font-family:Arial,Helvetica,sans-serif;">Un genre de chapeau, un truc super important à mettre en valeur...</div>
    <div style="color:#666; font-size:12px; font-weight:normal; font-family:Arial,Helvetica,sans-serif;">Phasellus dui lectus, . Pellentesque molestiepellensque quisPellentesque, molestie sed, tempus eu,nc. Pelle<br />ntesque luctus, convallis at, metus. Nullam lectus mi, consectetuer quis, pellentesque vitae, . Pellentesque tempus sit amet, ante. Pellentesque amet,conadipscingelit.sectetueradipis ngelit.adipiscing elit. Donec vitae leo. Integer Phasellus dui lectus, . Pellentesque molestiepellensque quisPellentesque, molestie sed, tempus eu,nc. Pelle<br />ntesque luctus, convallis at, metus. Nullam lectus mi.</div>
    <div style="width:100%; border-bottom:1px solid #D9D9D9; margin-top:10px; margin-bottom:30px"></div>
    
    <div class="rounded10" style="background-image:url('graygrad.png'); background-color:#FFF; background-repeat:repeat-x; background-position:200px 0px; width:100%; border:#F0F0E2 1px solid; margin-top:20px; margin-bottom:30px">
            &nbsp;
            <div style="color:#86858C; font-size:20px; font-weight:bold; font-family:Arial,Helvetica,sans-serif;line-height:22px; padding-top:5px; padding-left:10px; padding-right:10px; padding-bottom:5px;">Un autre article super bien
            	<div style="color:#666; font-size:14px; font-weight:normal; font-family:Arial,Helvetica,sans-serif; padding-left:5px">Info sur le contenu</div>
            </div>
            
            <div style="color:#666; padding:10px; background-color:#F3F3F1; font-family:Arial,Helvetica,sans-serif;font-size:11px;">Phasellus dui lectus, . Pellentesque molestiepellensque quisPellentesque, molestie sed, tempus eu,nc. Pelle<br />ntesque luctus, convallis at, metus. Nullam lectus mi, consectetuer quis, pellentesque vitae, . Pellentesque tempus sit amet, ante. Pellentesque<br /><br />amet,conadipscingelit.sectetueradipis ngelit.adipiscing elit. Donec vitae leo. Integer<br />Phasellus dui lectus, . Pellentesque molestiepellensque quisPellentesque, molestie sed, tempus eu,nc. Pelle<br />ntesque luctus, convallis at, metus. Nullam lectus mi, consectetuer quis, pellentesque vitae, . Pellentesque tempus sit amet, ante. Pellentesqueamet,conadipscingelit.sectetueradipis ngelit.adipiscing elit. Donec vitae leo. Integer<br />Phasellus dui lectus, . Pellentesque molestiepellensque quisPellentesque, molestie sed, tempus eu,nc. Pelle<br />ntesque luctus, convallis at, metus. Nullam lectus mi, consectetuer quis, pellentesque vitae, . Pellentesque tempus sit amet, ante. Pellentesque</div>
     </div>
    
    
</div>   

<script type="text/javascript" src="../../bibliotheques/jquery-1.2.2.pack.js"></script>
<script type="text/JavaScript" src="../../bibliotheques/jquery.curvycorners.packed.js"></script>
<script type="text/javascript">

$(document).ready(function() {
  
  var rounded7 = { 
    tl: { radius: 7 },
    tr: { radius: 7 },
    bl: { radius: 7 },
    br: { radius: 7 },
    antiAlias: true,
    autoPad: true};
    
 var rounded4 = { 
    tl: { radius: 4 },
    tr: { radius: 4 },
    bl: { radius: 4 },
    br: { radius: 4 },
    antiAlias: true,
    autoPad: true};
  
  var rounded10 = { 
    tl: { radius: 7 },
    tr: { radius: 7 },
    bl: { radius: 7 },
    br: { radius: 7 },
    antiAlias: true,
    autoPad: true};
    
  var rounded10B = { 
    tl: false,
    tr: false,
    bl: { radius: 7 },
    br: { radius: 7 },
    antiAlias: true,
    autoPad: true}; 
  
  var rounded10T = { 
    tl: { radius: 7 },
    tr: { radius: 7 },
    bl: false,
    br: false,
    antiAlias: true,
    autoPad: true}; 

  $(".rounded4").corner(rounded4);
  $(".rounded7").corner(rounded7);
  $(".rounded10").corner(rounded10);
  $(".rounded10B").corner(rounded10B);
  $(".rounded10T").corner(rounded10T);
  
});

</script>

</body>
</html>
